/*mask*/
.mask{width: 100%;height: 100%;}
.mask_cookie{width: 100%;height: 100%;position: fixed;background: #000;opacity: 0.6;left: 0;top: 0;
 	/* older safari/Chrome browsers */  
    -webkit-opacity: 0.6;  
    /* Netscape and Older than Firefox 0.9 */  
    -moz-opacity: 0.6;  
    /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/  
    -khtml-opacity: 0.6;  
    /* IE9 + etc...modern browsers */  
    opacity: .6;  
    /* IE 4-9 */  
    filter:alpha(opacity=60);  
    /*This works in IE 8 & 9 too*/  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";  
    /*IE4-IE9*/  
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);}
.offertons{position: fixed;z-index: 5;background: #FFF;width:1088px; height:639px; top:20%; left:20%;border-radius: 10px;}
.offertons h3{line-height:60px; color: #333; padding-left: 15px; border-bottom: 1px solid #ccc;}
.offertons h3 span{float: right; padding-right: 10px; padding-top: 5px; cursor: pointer;}
.offertons_cont{margin:15px 0 0 0;}
.supplier{padding-left: 20px; line-height:40px; font-size: 16px;}
.supplier label{text-align: right; width: 80px; display: inline-block;}
.supplier .txt{width:300px; line-height:30px; border:1px solid #ccc;}
.supplier a{width: 100px; display: inline-block; line-height: 30px; border:1px solid #ccc; margin-right: 20px; text-align: center; position: relative;}
.supplier a.active{border:1px solid #e4393c; color: #e4393c;}
.supplier b{     display: block;position: absolute;right: 0;bottom: 0;width: 12px;height: 12px;overflow: hidden;
background: url(../images/icon_kb.png) no-repeat; }
.tonstitle{display: block;height: 32px;line-height: 32px;margin:15px;padding: 5px 0;background: #f3f3f3;}
.tonstitle .fl{float: left; text-align: center;}
.tonstitle .t_pro{width:360px; text-align: left; padding-left:40px;}
.tonstitle .t_price{width: 100px;}
.tonstitle .t_num{width: 100px;}
.tonstitle .t_total{width: 100px;}
.tonstitle .t_tons{width: 140px;}
.tonstitle .t_freight{width:110px;}
.tonstitle .t_opera{width: 100px;}
.tonstitle .t_opera strong{color: #e4393c;}
.tonslist{border-bottom: 1px solid #ccc; margin: 15px; padding-bottom: 15px;}
.tonslist .fl{float: left; line-height:80px;}
.tonslist .p_pro{width:360px; margin-left:20px;}
.tonslist .p_pro .p_img{float: left;width: 80px;height: 80px;border: 1px solid #eee;margin-right: 10px;background: #fff;padding: 0;
text-align: center;overflow: hidden;} 
.tonslist .p_pro .p_name{width:350px; line-height:20px; font-size: 12px;}
.tonslist .p_pro .p_name p{line-height: 26px;}
.tonslist .t_price{width:125px;text-align:center; font-family: verdana;}
.tonslist .t_price .text{display: inline-block; width: 100px; line-height: 30px; border:1px solid #ccc; text-align: center;background: #f5f5f5;}
.tonslist .t_num{width:81px;text-align:center; font-family: verdana;}
.tonslist .t_total{width:100px; text-align: center; font-family: verdana;}
.tonslist .t_tons{width:150px;text-align:center;font-family: verdana;}
.tonslist .t_tons .text{display: inline-block; width: 100px; line-height: 30px; border:1px solid #ccc; text-align: center;background: #f5f5f5;}
.tonslist .t_freight{width:100px;text-align:center;}
.tonslist .t_freight .text{display: inline-block; width: 100px; line-height: 30px; border:1px solid #ccc; text-align: center;background: #f5f5f5;}
.tonslist .t_opera{width:100px;text-align:center;}
.tonslist .t_opera .change{padding-left: 15px;}
.tonslist .t_opera .cancel a{color: #e4393c;}

.btn_keep{width:130px; display:block; background:#e4393c; color: #fff; text-align:center; line-height:36px; border-radius:5px; border:0; 
font-size: 14px;font-weight:bold; margin-left: 110px; margin-top: 20px;}